
/*------------- CSSReset -----------*/

/** 清除边距 **/
html{width: 100%;height: 100%;}
body,h1,h2,h3,h4,h5,h6,p,blockquote, /* structural elements 结构元素 */
dl,dt,dd,ul,ol,li, /* list elements 列表元素 */
form,fieldset,legend,button,input,textarea, /* form elements 表单元素 */
th,td /* table elements 表格元素 */ {margin:0;padding:0;}

/** 字体设置 **/
body,button,input,select,textarea /* for ie */{font-family: "微软雅黑";font-size:14px;}

/** 鼠标放上去变换鼠标形状 **/
.crs{cursor: pointer;}

/** 文字颜色设置 **/
body{ color:#333;}

/** 重置列表元素 **/
ul,ol{list-style:none outside none;}


/** 重置表单元素 **/
fieldset,img{border:0;} /* img 搭车：让链接里的 img 无边框 */
button,input,select,textarea {font-size:100%;} /* 使得表单元素在 ie 下能继承字体大小 */
input,button{outline-style: none}
select{
    outline-style: none;
    padding:4px 10px;
    border-color:#ccc;
    border-radius: 2px;

}
select.data{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: url("../images/calendar.png") no-repeat scroll right center transparent;
    padding-right: 14px;
}
select .selected{background-color: #1e73b5;color: #fff;}

/** 重置元素垂直居中 **/
img,input,select,textarea,button{vertical-align:middle;}

/** 文字连接 **/
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{ color:#0690d6;text-decoration:none;}

/** 文字颜色 **/
.n-ftrd{ color:#f83935;}

/** 文字加粗 **/
.ftbd{font-weight:bold;}

/** 宽度 **/
.width100{ width:100px;}

/** 间距 **/
.margbt12{ margin-bottom:12px;}
.marrt20{ margin-right:20px;}
.marlf10{ margin-left:10px;}
.marlf5{ margin-left:5px;}
.marlf20{ margin-left:20px;}
.paddlft10{padding-left: 10px;}


/** 浮动 **/
.fl{float:left;}
.fr{float:right;}

/** 清除浮动 **/
.clear{clear:both;}

/** 背景色 **/
body{ background:#e4e7e9; color:#333;}


/*中间部分*/
.font-line{color: #999;}
.hidden{display: none;}





/*白色背景滚动条 start*/

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.commonscrollbar::-webkit-scrollbar{
    width: 6px;
    height: 16px;
    background-color: #fff;
}
/*定义滚动条的轨道，内阴影及圆角*/
/*.commonscrollbar::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: transparent;
}*/
/*定义滑块，内阴影及圆角*/
.commonscrollbar::-webkit-scrollbar-thumb{
    height: 50px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color:#ddd;
}

/* ������ */
.list ::-webkit-scrollbar {
    width: 7px;
    height: 12px;
}

/* Track */
.list ::-webkit-scrollbar-track {
	-webkit-border-radius: 10px;
	border-radius: 3px;
}

/* Handle */
.list ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 3px;
	background: #ccc;
}

.list ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255, 0, 0, 0.4);
}


/*滚动条 end*/

/*通用输入框与按钮*/
.input-conmmon{margin-left:10px;padding: 4px 10px; border-radius: 2px; border: 1px solid #ccc;}
.n-cmbtn{height:26px;line-height:26px;vertical-align: middle; display:inline-block; padding:0 10px; border:none; border:0;border-radius:2px; text-align:center;  color:#fff; cursor:pointer; font-size:14px; color:#fff !important;}
.n-gr{background:#048fb0;}
.n-gr:hover{ background:#01738e;}
.n-dt{background-color: #17888a;}
.n-dt:hover{background-color: #116c6e;}
.n-rd{background:#f58282;}
.n-rd:hover{ background:#f99898;}
.n-bl{background:#32b8fc;}
.n-bl:hover{ background:#4fc3fd;}
.btn-border {
    background-color: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid #048fb0;
    color: #333 !important;
}

/*分页符*/
.ui-page{
    height: 50px;
    width: 98%;
    background: #fff;
    position: absolute;
    margin: 0 auto;
    right: 13px;
    bottom: 47px;
    z-index: 33;
}
.ui-page .ui-page-wrap{
    float:right;
    margin:15px 15px 15px 0;
    color:#141414;
    font-size:14px;
}
.ui-page .ui-page-wrap a{
    color:#141414;
    padding:6px 15px;
    border:1px solid #eee;
    margin-left:5px;
}
.ui-page .ui-page-wrap a:focus{
    text-decoration:none;
    color:#fff !important;
    background-color:#428bca;
    margin-left:5px;
    cursor: pointer;
    border: 1px solid #428bca !important;
    border-radius: 2px;
}
.ui-page .ui-page-wrap a:hover{
    color: #fff !important;
    background-color:#428bca;
    cursor: pointer;
    border: 1px solid #428bca !important;
    border-radius: 2px;
}
.ui-page .ui-page-wrap a:visited,
.ui-page .ui-page-wrap a:active{
    text-decoration:none;
    color:#333;
    background-color:#428bca;
    margin-left:5px;
    cursor: pointer;
}
/*.ui-page .ui-page-prev,*/
.ui-page .ui-page-cur{
    background-color:#428bca;
    border-radius: 2px;
    color: #fff !important;
    border:1px solid #428bca !important;
}
.ui-page .ui-page-btn{
    padding:5px 15px;
    color: #fff !important;
    background-color:#428bca;
    border:1px #007AB5 solid !important;
    cursor: pointer;
    border-radius: 2px;
}
.ui-page-skip{
    padding:0 5px;
}
.ui-page-skip b {
    font-weight: 700;
    color: #666;
}
.ui-page-skipto{
    width:40px;
    height:30px;
    border:1px #eee solid;
    margin:0 5px;
    vertical-align: middle;
}
.ui-page-break{
    color:#666;
    margin-left:5px;
}
.ui-page-prev.disabled,
.ui-page-next.disabled
{
    background-color:#428bca;
    color:#fff !important;
    border-radius: 2px;
    border: 1px solid #428bca !important;
}
.ui-page-s .ui-page-s-prev,
.ui-page-s .ui-page-s-next{
    padding:5px 15px;
    background-color:#f1f1f1;
    border:solid 1px #e1e1e1;
    color:#666;
    text-decoration: none;
    margin-left:5px;
}
.ui-page-s-len b {
    color: #e4393c;
    font-weight: 600;
}

/** 用户管理图标 */
.icon-addUser {
	background: url('../images/add.png') no-repeat 3px 2px;
	height: 30px;
	line-height: 30px;
	padding: 0px;
}

.icon-editUser {
	background: url('../images/revise.png') no-repeat 3px 2px;
	height: 30px;
	line-height: 30px;
	padding: 0px;
}

.icon-deleteUser {
	background: url('../images/delete.png') no-repeat 3px 2px;
	height: 30px;
	line-height: 30px;
	padding: 0px;
}

.icon-refreshUser {
	background: url('../images/refresh.png') no-repeat 3px 2px;
	height: 30px;
	line-height: 30px;
	padding: 0px;
}

.icon-search {
	background: url('../images/search.png') no-repeat ;
	height: 18px;
	line-height: 18px;
	padding: 0px;
}

.btn-edit {
	background: url('../images/btn-edit.png') no-repeat center;
	height: 24px;
	width:24px;
	line-height: 22px;
	padding: 2px 14px;
	cursor: pointer;
}

.btn-edit :hover{
	background: url('../images/edit-icon.png') no-repeat ;
}

.btn-delete {
	background: url('../images/btn-delete.png') no-repeat center;
	height: 24px;
	width:24px;
	line-height: 22px;
	padding: 2px 14px;
	cursor: pointer;
}
.btn-menurole {
	background: url('../images/btn-menurole.png') no-repeat center;
	height: 24px;
	width:24px;
	line-height: 22px;
	padding: 2px 14px;
	cursor: pointer;
}
.btn-userrole {
	background: url('../images/btn-userrole.png') no-repeat center;
	height: 24px;
	width:24px;
	line-height: 22px;
	padding: 2px 14px;
	cursor: pointer;
}
.btn-stationrole {
	background: url('../images/btn-stationrole.png') no-repeat center;
	height: 24px;
	width:24px;
	line-height: 22px;
	padding: 2px 14px;
	cursor: pointer;
}

.btn-delete :hover{
	background: url('../images/delete-icon.png') no-repeat ;
}


.btn-view {
	background: url('../images/btn-view.png') no-repeat center;
	height: 24px;
	width:24px;
	line-height: 22px;
	padding: 2px 14px;
	cursor: pointer;
}

.btn-equipmanage {
	background: url('../images/btn-equipmanage.png') no-repeat center;
	height: 24px;
	width:24px;
	line-height: 22px;
	padding: 2px 14px;
	cursor: pointer;
}

.btn-handle{
	background: url('../images/btn-handle.png') no-repeat center;
	height: 24px;
	width:24px;
	line-height: 22px;
	padding: 2px 14px;
	cursor: pointer;
}

/*   弹出框begin    */
.window-div{
	padding: 10px 20px 5px 20px;
}
.window-table{
	width: 100%; 
	border-collapse: separate; 
	border-spacing: 3px;
}
.window-tr{
	height: 40px;
}

/*   弹出框end    */
/*   弹出框end    */

/*   无记录begin    */
.nolist{
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	padding: 120px;
	color:#999
}
.nolist-img{
	padding: 15px 35px;
	height:72px;
	background: url('../images/no-data.png') no-repeat ;
}
.nolist-con{
	margin-bottom:20px;
}
/*   无记录end    */

/**菜单管理begin*/
/* .menu-window .window-size{width: 360px; height: 300px;} */
/* .menu-window .window-div .title{width:86px} */
/* .menu-window .window-div .content{width: 180px} */
/* .menu-window .window-div .op-btn{text-align: center; margin-top: 15px} */
.window-size{width: 360px; height: 350px;}
.window-div .title{width:86px}
.window-div .content{width: 180px}
.window-div .op-btn{text-align: center; margin-top: 15px}
/**菜单管理end*/

/****树搜索高亮显示begin****/
.highlight{
	/* background-color: #e23245;
    color: #fff; */
}

.bakselect{
	  background-color: #e23245; 
}
/****树搜索高亮显示end****/

.combo-panel{
    height: auto !important;
    max-height: 180px;
    padding: 5px !important;
}